<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Jquery发送Ajax</title>
</head>
<body>
    <!-- 引入jquery -->
    <script src="http://cdn.staticfile.org/jquery/3.7.0/jquery.min.js"></script>

    <button id="get">发送get</button>
    <button id="post">发送post</button>
    <button id="all">通用请求</button>

    <script>
        // 发送get
        $('#get').click(function(){
            $.get('http://localhost:8000/jquery',{a:100,b:200},function(data){
                console.log(data);
            },'json')
        })
        // 发送post
        $('#post').click(function(){
            $.post('http://localhost:8000/jquery',{a:100,b:200},function(data){
                console.log(data);
            })
        })

        // 通用的发送方式
        $('#all').click(function(){
            $.ajax({
                // 地址
                url:'http://localhost:8000/jquery',
                // 参数
                data:{a:100,b:200},
                // 类型
                type:'GET',
                // 成功的回调
                success:function(data){
                    console.log(data);
                },
                // 超时时间
                timeout:2000,
                dataType:'json',
                // 错误的回调
                error:function(){
                    console.log('出错了');
                },
                // 头信息
                headers:{
                    
                }
            })
        })
    </script>
</body>
</html>